<style type="text/css">

   	
   	div.item,a.item{
   		padding-top: 8px;
   		padding-bottom: 8px;
   		padding-left:20px;
   		font-size: 14px;
   	}

   	.passenger .item-lable {
   		display: inline-block;
   		width: 25%;
   		line-height: 25px;
   		vertical-align: middle;
   	}
   	.passenger .item-content {
   		display: inline-block;
   		line-height: 25px;
   		vertical-align: middle;
   		color: #aaa;
   		float: right;
   	}
   	
   	.discount .radio-content .item-content, .discount .radio-content .icon {
   		padding-top: 8px;
   		padding-bottom: 8px;
   		font-size: 14px;
   	}
   	
   	.discount input:checked+.radio-content .item-content{
   		background-color: #fff;
   	}
   	
   
   	.order_btns {
   		margin: 20px;
   	}
</style>
<ion-view title="订单详情">
	<ion-nav-buttons side="left">
    	<button class="button button-clear icon ion-ios-arrow-back" ng-click="backGo()"></button>
    </ion-nav-buttons>
    <ion-content>
		<div class="list">
			<div class="item item-divider">
		    	<i class="icon ion-android-bus"></i>　乘车线路
		  	</div>
		  	<div class="item" href="javascript:void(0)">
		  		线路
		  		<span class="item-note">{{order.lineName}}</span>
		  	</div>
		  	<div class="item" href="javascript:void(0)">
		  		<div style="display: inline-block;">上车地点</div>
		  		<div class="item-text-wrap" style="width:70%;float:right;text-align:right;font-size: 14px;line-height: 20px;color: #aaa;">
	    			<div ng-repeat="stop in stopList|filter:{stopType:'1'}" style="display:inline-block;padding-left: 10px;">
	    				{{stop.stopName}}
	    			</div>
	    		</div>
		  	</div>
		  	<div class="item" href="javascript:void(0)">
		  		<div style="display: inline-block;">下车地点</div>
		  		<div class="item-text-wrap" style="width:70%;float:right;text-align:right;font-size: 14px;line-height: 20px;color: #aaa;">
	    			<div ng-repeat="stop in stopList|filter:{stopType:'2'}" style="display:inline-block;padding-left: 10px;">
	    				{{stop.stopName}}
	    			</div>
	    		</div>
		  	</div>
		  	<div class="item" href="javascript:void(0)">
		  		发车时间
		  		<span class="item-note">　{{order.departTime}}</span>
		  	</div>
		  	<div class="item item-divider">
		    	<i class="icon ion-person-stalker"></i>　预订乘客
		  	</div>
		  	<div class="item passenger" style="padding-top:6px;padding-bottom: 6px;" href="javascript:void(0)" ng-repeat="passenger in order.passengers">
		  		<div>
	  				<div class="item-lable" ng-show="order.lineType != '2'">乘客姓名</div>
					<div class="item-lable" ng-show="order.lineType == '2'">职工编号</div>
	    			<div class="item-content item-text-wrap">{{passenger.passengerName}}</div>
		  		</div>
		  		<div>
		  			<div class="item-lable">手机号码</div>
		    		<div class="item-content item-text-wrap">{{passenger.passengerPhone}}</div>
		  		</div>
				<div>
					<div class="item-lable">上车地点</div>
					<div class="item-content item-text-wrap">{{passenger.onStop}}</div>
				</div>
				<div>
					<div class="item-lable">乘车日期</div>
					<div class="item-text-wrap" style="font-size: 13px;">
						<span ng-repeat="date in passenger.dates" style="display:inline-block;background-color: goldenrod;color:white;margin-right: 4px;margin-bottom: 2px;">{{date.date.substring(2)}}</span>
					</div>
				</div>

		  	</div>
		  	<div class="item item-divider">
		    	<i class="icon ion-ios-cart"></i>　订单信息
		  	</div>
		  	<div class="item" href="javascript:void(0)">
		  		单程价格
		  		<span class="item-note">{{order.price | currency : '￥'}}</span>
		  	</div>
		  	<div class="item" href="javascript:void(0)">
		  		订购人数
		  		<span class="item-note">{{order.passengers.length}}</span>
		  	</div>
			<div class="item" href="javascript:void(0)">
				小计
				<span class="item-note">{{order.amount | currency : '￥'}}</span>
			</div>
			<div class="item" ng-show="order.discountName != undefined" href="javascript:void(0)">
				优惠
				<span class="item-note" ng-if="order.discountedRate == 1">无优惠</span>
				<span class="item-note" ng-if="order.discountedRate != 1">{{order.discountName}}({{order.discountedRate * 10}}折)</span>
			</div>
		  	<!--<div class="item item-divider" ng-if="orderDiscounts && orderDiscounts.length > 0">-->
		    	<!--<i class="icon ion-ios-calculator-outline"></i>　优惠-->
		  	<!--</div>-->
		  	<!--<ion-radio class="discount" ng-model="order.discountId" ng-value="orderDiscount.discountId" ng-repeat="orderDiscount in orderDiscounts">-->
		  		<!--<div>-->
		  			<!--{{orderDiscount.discountName}}【{{orderDiscount.discountRate}}折】-->
		  		<!--</div>-->
		  	<!--</ion-radio>-->
		  
		  
		</div>
		
		
    </ion-content>
    <ion-footer-bar style="padding:0px;border-top:1px solid #eee;">
    	<div style="position: absolute;top:0px;right:120px;height: 100%;line-height: 45px;color: red;">金额：{{order.cashAmount  | currency : '￥'}}</div>
    	<button class="button button-positive" style="position: absolute;top:0px;right:0px;height: 100%;border-radius:0px;" ng-click="payNow(order.orderId)">
			  立即支付
		</button>
    </ion-footer-bar>
    <div class="optionsSelectContainer"></div>
</ion-view>